﻿<%@ Page Title="" Language="C#" MasterPageFile="~/VideoPage.master" AutoEventWireup="true"
    CodeFile="VideoND.aspx.cs" Inherits="VideoND" %>

<%@ Register Assembly="PagerControl" Namespace="CutePager" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="VideoHead1" runat="Server">
    <title>
        <asp:Literal ID="ltrTitle" runat="server"></asp:Literal> - 
        <%= Common.title %>
    </title>
    <link href="../../CSS/VideoStyle.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="VideoContent1" runat="Server">
    <div style="float: left; margin-top: 5px; margin-left: 10px;">
        <div style="float: left">
            <img src="../../images/dltn/caydua.png" border="0">
        </div>
        <div style="float: right; margin-left: 5px; margin-top: 7px">
            <div style="font-family: Tahoma; font-size: 12px; color: #bb0009; font-weight: bold">
                <asp:HyperLink ID="linkHome" runat="server" NavigateUrl="~/" CssClass="linkHome">
                        TRANG CHỦ</asp:HyperLink>
                » <asp:HyperLink CssClass="linkHome" ID="video1" runat="server" NavigateUrl="~/Video.aspx">VIDEO</asp:HyperLink>
            </div>
            <div class="date-time">
                <asp:Literal ID="litNgayCapNhat" runat="server"></asp:Literal>
            </div>
        </div>
    </div>
    <div style="width: 100%; height: 400px; float: left;">
        <br />
        <asp:Literal ID="disPlayVideoRequest" runat="server"></asp:Literal>    
    </div>
    <div style="width: 100%; height: auto; float: left; padding-bottom: 10px;">
    <br />
    <asp:Literal ID="hienthidiengiai" runat="server"></asp:Literal>
    </div>


    <div style="width: 100%; min-height: 30px; height:auto;float: left;">
        <div class="fb-like" data-href="<%# Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>" data-width="640" data-show-faces="true" data-send="true"></div>
        <div class="fb-comments" data-href='<%#Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>' data-width="640" data-num-posts="10"></div>
    </div>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div style="width: 100%; height: auto; float: left; padding-left: -25px; margin-left: 0px;">
                <div style="background-color: #b90204; height: 3px; width: 100%;">
                    <div style="color: #cacaca; background-color: #cacaca; height: 100%; width: 95%; float: right;">
                    </div>
                </div>
                <div style="width: 20%; float: left; padding-top: 10px; margin-left: 10px;">
                    <img src="../../Images/dltn/videoIcon.png" style="float: left; padding-bottom: 0px;" />
                    <img src="../../Images/dltn/videoClip.png" style="float: right; padding-bottom: 0px;" />
                </div>
                <div style="width: 20%; float: right;">
                    <p style="color: #ba050e; font-size: 13px;">
                        <cc1:Pager ID="Pager1" runat="server" PreviousClause="<< <" NextClause="> >>" LastClause=""
                            FirstClause="" PageClause="" OfClause=" /" PageSize="10" OnCommand="Pager1_Command"
                            ForeColor="#006600" Font-Bold="True" />
                    </p>
                </div>
                <div style="clear: both; margin: 0px;">
                </div>
                <div style="height: auto; width: 100%; float: left; margin-left: -10px;">
                    <asp:DataList ID="dlVideo" runat="server" RepeatColumns="3" CellSpacing="8" CellPadding="4">
                        <ItemTemplate>
                            <div style="width: 180px; height: 200px; text-align: justify; background-color: #f1f1f1;
                                    background-color: #f1f1f1; padding-top: 2%; padding-left: 5.5%; border-radius: 3px;
                                    -webkit-box-shadow: 5px 5px 5px #c1bebf; -moz-box-shadow: 5px 5px 5px #c1bebf;
                                    box-shadow: 5px 5px 5px #c1bebf; margin-right:15px;">
                                <asp:HyperLink ID="linkvideo" runat="server" NavigateUrl='<%# "~/" + "Video/" + Eval("Id") + "_" + GetTieuDe(Eval("TieuDe")) + ".aspx" %>'
                                    CssClass="cssLinhkTieuDe">
                                    <asp:Image ID="Image1" Width="96%" CssClass="itemViDeo" runat="server" ImageUrl='<%# "http://img.youtube.com/vi/" + Eval("MaCode") + "/0.jpg" %>' />
                                    <center>
                                        <span style="font-weight: bold; color: #c6272c">
                                            <%# Eval("TieuDe").ToString().ToUpper() %></span>
                                    </center>
                                </asp:HyperLink>
                                <span style="color: #848181; padding-bottom: 0px;">
                                    <%# Eval("DienGiai").ToString().Length > 65 ? Eval("DienGiai").ToString().Substring(0,65) + "..." : Eval("DienGiai") %></span>
                            </div>
                        </ItemTemplate>
                    </asp:DataList>
                </div>         



            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

      <br />
    
</asp:Content>
